<template>
    <div>
        <h1 >哈哈哈哈{{title}}{{name}}  <slot name='title1' :age='age' q=1 w=3 e=4></slot></h1>
        <button @click='add'>add</button>
        <my-qqq></my-qqq>
        <slot name='content1'></slot>
    </div>
</template>
<script>
// @ is an alias to /src
export default {
    name: 'MYH1',
    // props  data  computed  methods
    // props:['title'],// 没有任何限制
    props:{
      // title:[String,Number], // 类型限制，
      title:{
        required:true,
        type:[String,Number],
        default:100,// 若是引用数据类型(数组或者对象) 这时需要写成 函数返回的格式
        // default(){
        //   return {}[]
        // }
        // validator(val){
        //   if(val.length > 2){
        //     return true
        //   }else{
        //     return false
        //   }
        // }
      },
      name:{}
    },
    data() {
        return {
          age:1000
        }
    },
    methods: {
      add(e){
        console.log('1231331313')
        this.$emit('click',this.name+11,e)
      }
    },
    created() {
      console.log('created')
    },
}
</script>
<style lang="less">

</style>